{#
/**
 * @file
 * Theme override for a breadcrumb trail.
 *
 * Available variables:
 * - breadcrumb: Breadcrumb trail items.
 */
#}

<nav class="my-2 p-1 text-sm font-semibold rounded-sm bg-white" role="navigation" aria-labelledby="system-breadcrumb">
  <ol class="inline-flex h-8 space-x-2 items-center dark:text-gray-800">
    <li class="inline-flex items-center"><span class="text-bold text-gray-600">当前位置:</span></li>
    {% for item in breadcrumb %}
      <li class="inline-flex items-center">
        {% if not loop.last %}
          {% if item.url %}
            <a href="{{ item.url }}" class="m-2 text-sky-500">{{ item.text }}</a>
          {% else %}
            <span class="m-2 text-gray-600">{{ item.text }}</span>
          {% endif %}
          <span>></span>
        {% else %}
          <span class="m-2 text-gray-600">{{ item.text }}</span>
        {% endif %}
      </li>
    {% endfor %}
    {# 添加当前文章标题 #}
    {# {% if (node.getType() == 'article') or (node.getType() == 'page') %}
      <li class="breadcrumb-current">{{ page.node.title.value }}</li>
    {% endif %} #}
  </ol>
</nav>
